<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">
<ui:composition template="../templates/layout.xhtml">
<ui:define name="title">Tabla Bancos</ui:define>
<ui:define name="content">
    <p:spacer height="5px"/>
    <p:panel>
        <h:outputText value="Tabla Bancos"  styleClass="text_header_page"/>
    </p:panel>
    <p:spacer height="5px"/>
    <h:form id="frmPrincipal">

        <!-- Panel de búsqueda-->
        <p:panel id="panelBusqueda" header="Búsqueda de Bancos" toggleable="true">
            <h:panelGrid id="gridBusqueda" columns="6">
                <p:spacer width="13px"/>
                <h:outputLabel for="cmbGrupoEmpresarial" value="Grupo Empresarial"/>
                <p:selectOneMenu id="cmbGrupoEmpresarial"
                                 style="width:180px;">
                    <f:selectItem itemLabel="Seleccione" itemValue="" noSelectionOption="true"/>
                </p:selectOneMenu>

                <p:spacer width="13px"/>
                <h:outputLabel value="Código Banco"/>
                <p:inputText size="15" maxlength="15"/>

                <p:spacer width="13px"/>
                <p:spacer width="13px"/>
                <h:outputLabel value="Razón Social"/>
                <p:inputText size="15" maxlength="15"/>

                <p:commandButton ajax="true" value="Buscar" id="btnBuscar" icon="ui-icon-search"      />
                <p:commandButton ajax="true" value="Limpiar" id="btnLimpiar" icon="ui-icon-refresh"  />
            </h:panelGrid>
        </p:panel>

        <p:spacer height="10px"/>

        <!-- Panel de resultados (donde está la tabla)  -->
        <p:panel id="panelResultados" header="Resultados">
            <p:toolbar>

                <p:toolbarGroup align="left">
                    <p:commandButton id="linkNuevo" value="Nuevo" ajax="true"
                                     oncomplete="wvCreateDialog.show()" update=":createDialog"/>
                    <p:commandButton id="editButton" value="Editar"
                        update=":createDialog :messages">
                        <f:attribute name="tableName" value="tablaRegistros"/>
                        <f:attribute name="dialogName" value="wvCreateDialog"/>
                    </p:commandButton>
                    <p:commandButton id="deleteButton" value="Eliminar"
                                     update=":createDialog :messages">
                        <f:attribute name="tableName" value="tablaRegistros"/>
                        <f:attribute name="dialogName" value="wvDeleteSelectDialog"/>
                    </p:commandButton>
                </p:toolbarGroup>
            </p:toolbar>
            <p:dataTable id="tablaRegistros"
                         var="registro" paginator="true" rows="25"
                         paginatorPosition="bottom" emptyMessage="No existen registros"
                         selectionMode="single"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                         rowsPerPageTemplate="5,10,25,50">
                <p:ajax event="rowSelect"
                        update=":frmPrincipal:panelDetalle"/>
                <p:columnGroup type="header">
                    <p:row>

                        <p:column headerText="Cod. Banco"/>
                        <p:column headerText="Razón Social"/>
                        <p:column headerText="Creado por"/>
                        <p:column headerText="Fecha Creación"/>
                    </p:row>
                </p:columnGroup>

                <p:column style="text-align: left">
                    <h:outputText value=""/>
                </p:column>

                <p:column style="text-align: left">
                    <h:outputText value=""/>
                </p:column>
                <p:column style="text-align: left">
                    <h:outputText value=""/>
                </p:column>
                <p:column style="text-align: left">
                    <h:outputText value=""/>
                </p:column>
            </p:dataTable>
        </p:panel>

        <br/>

        <p:panel id="panelDetalle" header="Cuentas Contables Asignadas" toggleable="true">
            <p:dataTable id="tablaDetalle"
                         var="registroDetalle"  paginator="true" rows="25"
                         paginatorPosition="bottom" emptyMessage="No existen registros"
                         paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                         rowsPerPageTemplate="5,10,25,50">

                <p:column style="text-align: left">
                    <f:facet name="header">
                        <h:outputText value="Cuenta Contable"/>
                    </f:facet>
                    <h:outputText value=""/>
                </p:column>
                <p:column style="text-align: left">
                    <f:facet name="header">
                        <h:outputText value="Tipo de Cuenta"/>
                    </f:facet>
                    <h:outputText value=""/>
                </p:column>
                <p:column style="text-align: left">
                    <f:facet name="header">
                        <h:outputText value="Moneda"/>
                    </f:facet>
                    <h:outputText value=""/>
                </p:column>
                <p:column style="text-align: left">
                    <f:facet name="header">
                        <h:outputText value="Tipo Movimiento"/>
                    </f:facet>
                    <h:outputText value=""/>
                </p:column>
            </p:dataTable>
        </p:panel>
    </h:form>
</ui:define>

<!-- Modals -->
<ui:define name="modal">
    <p:dialog closeOnEscape="true" id="createDialog" header="Nueva Agrupación" modal="true" onShow="upperInput();"
              widgetVar="wvCreateDialog" resizable="false" showEffect="fade" hideEffect="fade">

        <p:ajax event="close" update=":frmPrincipal:panelResultados :createDialog"/>

        <p:panel id="NuevoRegistro">
            <h:form id="nuevoRegistroForm">
                <h:panelGrid id="gridBusquedaDialog" columns="3">
                    <h:outputLabel for="cmbGrupoEmpresarial" value="Grupo Empresarial"/>
                    <p:selectOneMenu id="cmbGrupoEmpresarial" value=""
                                     effect="fade" style="width: 150px"
                            >
                        <f:selectItem itemValue="" itemLabel="Seleccione"/>
                    </p:selectOneMenu>
                    <p:message for="cmbGrupoEmpresarial" display="text"/>

                    <h:outputLabel for="inputCodigoBanco" value="Código Banco"/>
                    <p:inputText id="inputCodigoBanco" value=""
                                 size="50" maxlength="50" required="true" requiredMessage="*"/>
                    <p:message for="inputCodigoBanco" display="text"/>

                    <h:outputLabel for="inputRazonSocial" value="Razón Social"/>
                    <p:inputText id="inputRazonSocial" value=""
                                 size="50" maxlength="50" required="true" requiredMessage="*"/>
                    <p:message for="inputRazonSocial" display="text"/>
                </h:panelGrid>
                <br/>
                <p:panel id="panelCrearDetalle" header="Cuentas Contables">
                    <p:toolbar>
                        <p:toolbarGroup align="left">
                            <p:commandButton id="linkNuevo" value="Agregar" ajax="true"  oncomplete="wvSeleccionDialog.show()" update=":seleccionDialog" />
                            <p:commandButton id="cmdEliminarCuenta" value="Eliminar" ajax="true" />
                        </p:toolbarGroup>
                        <p:toolbarGroup align="right">
                            <p:commandButton id="cmdSelectCuenta" value="Seleccionar Todo" ajax="true"    />
                            <p:commandButton id="cmdUnSelectCuenta" value="Quitar Selección" ajax="true"   >
                            </p:commandButton>
                        </p:toolbarGroup>
                    </p:toolbar>
                    <p:dataTable id="tablaCuentaDetalle"
                                 value=""
                                 var="cuenta" rowKey="" paginator="true" rows="10"
                                 selectionMode="single"
                                 paginatorPosition="bottom" emptyMessage="No existen registros"
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                 rowsPerPageTemplate="5,10,25,50">
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Cuenta Contable"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Tipo de Cuenta"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Moneda"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Tipo de Movimiento"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column headerText="" style="text-align: center;width: 20px">
                            <p:selectBooleanCheckbox value="">
                            </p:selectBooleanCheckbox>
                        </p:column>
                    </p:dataTable>
                </p:panel>
                <p:spacer width="13px"/>
                <p:commandButton id="cmdGuardar" value="Guardar" ajax="true"    />
                <p:commandButton id="cmdCancelar" value="Cancelar" ajax="true"  />
            </h:form>
        </p:panel>
    </p:dialog>

    <p:dialog closeOnEscape="true" id="seleccionDialog" header="Buscar Cuenta Contable de Bancos"  modal="true" onShow="upperInput();"
              widgetVar="wvSeleccionDialog" resizable="false" showEffect="fade" hideEffect="fade">
        <p:panel id="Seleccionar">
            <h:form id="frmSeleccionarCliente">
                <!-- Panel de búsqueda-->
                <p:panel id="seleccionarPanelBusqueda" header="Búsqueda de Clientes">
                    <h:panelGrid id="gridBusqueda" columns="6">
                        <p:spacer width="13px"/>
                        <h:outputLabel value="Cuenta Contable"/>
                        <p:inputText
                                size="15" maxlength="15"/>
                        <p:spacer width="13px"/>
                        <h:outputLabel value="Moneda"/>
                        <p:inputText
                                size="15" maxlength="15"/>

                        <p:spacer width="13px"/>
                        <h:outputLabel value="Descripción"/>
                        <p:inputText
                                size="15" maxlength="15"/>

                        <p:spacer width="13px"/>
                        <h:outputLabel  value="Tipo Movimiento"/>
                        <p:selectOneMenu  effect="fade">
                            <f:selectItem itemLabel="Seleccione" itemValue="" noSelectionOption="true"/>
                        </p:selectOneMenu>
                        <p:spacer width="13px"/>
                        <p:commandButton ajax="true" value="Buscar" id="btnBuscar" icon="ui-icon-search"
                                         update=":frmSeleccionarCliente:panelResultadosSeleccionar :messages"/>
                        <p:commandButton ajax="true" value="Limpiar" id="btnLimpiar" icon="ui-icon-refresh"
                                         update=":frmSeleccionarCliente:panelResultadosSeleccionar :messages"/>
                    </h:panelGrid>
                </p:panel>

                <p:spacer height="10px"/>

                <!-- Panel de resultados (donde está la tabla)  -->
                <p:panel id="panelResultadosSeleccionar" header="Resultado">
                    <p:toolbar>
                        <p:toolbarGroup align="left">
                        <p:commandButton value="Seleccionar" ajax="true"
                                         update=":NuevoRegistro" />
                        </p:toolbarGroup>
                        <p:toolbarGroup align="right">
                            <p:commandButton id="cmdSelectCliente" value="Seleccionar Todo" ajax="true"    />
                            <p:commandButton id="cmdUnSelectCliente" value="Quitar Selección" ajax="true"   />
                        </p:toolbarGroup>
                    </p:toolbar>

                    <p:dataTable id="tablaRegistrosSeleccionar" paginator="true" rows="10"
                                 paginatorPosition="bottom" emptyMessage="No existen registros"
                                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
                                 rowsPerPageTemplate="5,10,25,50">
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Cuenta Contable"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Tipo de Cuenta"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Moneda"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column style="text-align: left">
                            <f:facet name="header">
                                <h:outputText value="Tipo de Movimiento"/>
                            </f:facet>
                            <h:outputText value=""/>
                        </p:column>
                        <p:column headerText="" style="text-align: center">
                            <p:selectBooleanCheckbox value="">
                            </p:selectBooleanCheckbox>
                        </p:column>
                    </p:dataTable>
                </p:panel>
            </h:form>
        </p:panel>
    </p:dialog>
</ui:define>
</ui:composition>
</html>